<template>
	<view class="main">
		<view class="header">
			<view class="share">
				<!-- #ifdef MP-WEIXIN -->
				<button type="default" open-type="share"></button>
				<!-- #endif -->
				<image @click.stop="share" src="/static/icon/share.png" mode="aspectFill"></image>
			</view>
			<swiper class="swiper" height=530rpx; :indicator-dots="true" :autoplay="true" :interval="3000"
				:duration="500">
				<swiper-item v-if="videoDate.propagandaMp4">
					<view v-show="!video" class="poster" @click="ClickVideo">
						<video id="myVideo" :src="videoDate.propagandaMp4"></video>
					</view>
				</swiper-item>
				<swiper-item v-if="videoDate.img" v-for="(item,index) in videoDate.img" :key="index">
					<image class="banner" :src="item" mode="aspectFill"></image>
				</swiper-item>
			</swiper>
		</view>
		<view class="content stop">
			<view class="introduction">
				<view class="now" v-if="videoDate.isDisplay==1">
					<text>已包场{{marketed}}场</text>
				</view>
				<view class="center">
					<view class="left">
						<view class="title">{{videoDate.name}}</view>
						<view class="rate">
							<!-- <u-rate size="22" disabled gutter='5' :count="5" v-model="videoDate.star" active-color="#FFD100" inactive-color="#FFD100"></u-rate> -->

							<u-rate active-color="#FFD100" size="20" :current="videoDate.score*0.5" :disabled="true">
							</u-rate>
							<text>{{videoDate.score}}</text>
						</view>
						<view class="tag">
							{{videoDate.duration}}分钟/{{videoDate.movieType}}
						</view>
						<view class="time">
							{{videoDate.starttime}}上映
						</view>
					</view>
					<view class="right" @click="follow">
						<view class="btn">
							<image v-show="!isLike" src="/static/icon/love.png" mode=""></image>
							<image v-show="isLike" src="/static/icon/loves.png" mode=""></image>
							<text>想看</text>
						</view>
						<text>{{videoDate.people||0}}人想看</text>
					</view>
				</view>
				<view class="des">
					<u-read-more ref="More" toggle color="#36AAF4" text-indent="0" font-size="22"
						:shadow-style="shadowStyle" show-height="108" open-text="收起" close-text="...展开">
						{{videoDate.details}}
					</u-read-more>
				</view>
			</view>
			<view class="member">
				<view class="title">演职人员</view>
				<scroll-view scroll-x="true" class="scroll">
					<view class="item" v-for="(item,index) in videoDate.performers" :key="index">
						<image :src="item.img" mode=""></image>
						<view class="name">
							{{item.name}}
						</view>
						<view class="role">
							{{item.role}}
						</view>
					</view>
				</scroll-view>
			</view>
			<view class="material" @click="GoTo('Information_details/index','',id)">
				<view class="Gtitle">
					<view class="h1">
						影片资料
					</view>
				</view>
				<view class="cont">
					<view class="left" v-for="(item,index) in videoDate.movieInfoVo" v-if="index<1" :key="index">
						<view class="h2">{{item.title}}</view>
						<view class="h1" v-for="(ite,i) in item.info" :key="i">{{ite}}</view>
					</view>
					<view class="right"></view>
				</view>
			</view>
			<view class="recommend" v-if="recommendNum!=0">
				<view class="Gtitle" @click="GoTo('Comment/index',2,id)">
					<view class="h1">
						专家推荐
					</view>
					<view class="more">
						{{recommendNum}}
					</view>
				</view>
				<view class="Gcont" v-for="(item,index) in recommend" :key="item.parent.id">
					<view class="top">
						<image :src="item.parent.icoImg" mode=""></image>
						<view class="cont">
							<view class="name">{{item.parent.name}}</view>
							<view class="name_des">{{item.parent.label}}</view>
						</view>
					</view>
					<view class="Gdes">
						<u-read-more ref="uRead" toggle color="#36AAF4" text-indent="0" font-size="22"
							:shadow-style="shadowStyle" show-height="108" open-text="收起" close-text="...展开">
							<view class="des">{{item.parent.evaluate}}</view>
						</u-read-more>
					</view>
					<view class="btm">
						<view class="time">
							推荐时间：{{item.parent.creattime}}
						</view>
						<view class="btn">
							<view class="item" :class="{active:item.parent.isEva==1?true:false}"
								@click="ClickLike(item.parent.id,index,item.parent.isEva)">
								{{item.parent.likeNum}}
							</view>
							<!-- <view class="item">
								{{item.parent.num}}
							</view> -->
						</view>
					</view>
				</view>
			</view>
			<view class="history" v-if="videoDate.mvBaoAwardList!=null">
				<view class="Gtitle" @click="GoTo('Reward/index','',id)">
					<view class="h1">
						包场补贴
					</view>
					<view class="more">
						{{videoDate.mvBaoAwardList?videoDate.mvBaoAwardList.length:0}}
					</view>
				</view>
				<view class="content">
					<view class="item" v-for="(item,index) in videoDate.mvBaoAwardList" :key="index" v-if="index<2"
						@click="GoTo('Reward/index','',id)">
						<view class="right" style="width: calc(100% - 186rpx)">
							<view class="title">{{item.name}}</view>
							<!-- <view class="des">补贴数量:{{item.num}}</view> -->
							<view class="des">{{item.label}}</view>
							<view class="time">{{item.createTime}}</view>
						</view>
						<image :src="item.img" mode=""></image>
					</view>
				</view>
			</view>
			<view class="history" v-if="Number(bcNum) + Number(sbNum)!=0">
				<view class="Gtitle" @click="GoTos('DeclareHistory/index',id,videoDate.name)">
					<view class="h1">
						包场历史
					</view>
					<view class="more">
						{{Number(bcNum) + Number(sbNum)}}
					</view>
				</view>
				<view class="content">

					<view class="item" v-for="(item, i) in sbList" :key="i" @click="toDetail(item)">
						<view class="right">
							<view class="title">{{item.cinemaName||item.company}}</view>
							<view class="des">{{item.address||''}}</view>
							<view class="des">包场人数：{{item.num}} 包场金额：{{item.money||item.priceCount}}</view>
							<view class="time">{{item.startTime||item.starttime}}</view>

						</view>
						<image v-if="item.luozuoImg" :src="item.luozuoImg.split(',')[0]" mode=""></image>
						<image v-if="item.admImgs" :src="item.admImgs.split(',')[0]" mode=""></image>
					</view>
				</view>
			</view>

			<!-- 	<view class="history">
				<view class="Gtitle" @click="GoTos()">
					<view class="h1" >
						申报历史
					</view>
					<view class="more">
						{{sbNum}}
					</view>
				</view>
				<view class="content">
					
					
				</view>
			</view> -->


			<view class="movie_review" v-show="commend.length>0">
				<view class="Gtitle">
					<view class="h1">
						点映评论
					</view>
					<view class="more">
						{{commendNum}}
					</view>
				</view>
				<view class="content">
					<view class="item" v-for="(item,index) in commend" :key="index">
						<view class="Gcont">
							<view class="top">
								<image :src="item.icoImg" mode=""></image>
								<view class="cont">
									<view class="name">{{item.name}}</view>
									<view class="name_des">{{item.label}}</view>
								</view>
							</view>
							<view class="Gdes">
								<u-read-more ref="ReadMore" toggle color="#36AAF4" text-indent="0" font-size="22"
									:shadow-style="shadowStyle" show-height="108" open-text="收起" close-text="...展开">
									<view class="des">{{item.evaluate}}</view>
								</u-read-more>
							</view>
							<view class="btm">
								<view class="time">
									推荐时间：{{item.creattime||''}}
								</view>
								<view class="btn">
									<view class="item">
										{{item.likeNum}}
									</view>
									<view class="item">
										{{item.num}}
									</view>
								</view>
							</view>
						</view>
					</view>

				</view>
				<view class="More" v-show="commendNum>0">
					全部{{commendNum}}条观众影评
				</view>
			</view>
		</view>
		<view class="btm200"></view>
		<view class="btmNav savepadding savebottom">
			<u-button type="error" shape="circle" @click="ToPage('InitiateChartered',videoDate)">我要包场</u-button>
		</view>
	</view>

</template>

<script>
	export default {

		data() {
			return {
				id: '', //当前影片id
				videoDate: {}, //电影详情
				recommend: [], //专家推荐
				userInfo: {},
				isLike: false,
				recommendNum: 0, //专家推荐数量
				commend: [], //评论
				commendNum: 0, //评论数量
				bcList: [], //包场列表
				bcNum: 0,
				sbList: [], //申报列表
				sbNum: 0,
				private: 0,
				shadowStyle: {
					padding: "0",
				},
				marketed: 0,
			}
		},
		onLoad(option) {
			console.log(option)
			this.id = option.id
			this.marketed = option.marketed
			this.getData()
			if (option.userId) {
				uni.setStorageSync('InvitedCode', option.userId)
			}


		},
		onShow() {
			try {
				const userInfo = uni.getStorageSync('userInfo');
				if (userInfo) {
					this.userInfo = userInfo
				}
			} catch (e) {
				// error
			}
			this.getMvUserList()
			this.getMvAdminList()
			this.FollowStatus()
			this.baochanggetMvCinemaList()
		},
		// #ifdef MP-WEIXIN
		onShareAppMessage(res) {
			const value = uni.getStorageSync('userInfo');
			if (res.from === 'button') { // 来自页面内分享按钮
				console.log('来自页面内分享按钮', res.target)
			}
			return {
				title: this.videoDate.name,
				imageUrl: this.videoDate.poster,
				path: `/pages/CharteredDetail/index?userId=${value.id}&id=${this.id}`
			}
		},
		// #endif
		onPullDownRefresh() {
			this.open = false
			this.getData()
			this.getMvAdminList()
			this.getMvUserList()
			this.baochanggetMvCinemaList()
		},
		methods: {

			getprivate() {
				this.$http({
					url: this.$api.privateswitch,
					method: 'GET',
					hideLoading: true,
					data: {},
					success: res => {
						this.private = res.data[0].type
					},
				})
			},
			//跳转历史详情
			toDetail(data) {
				console.log('跳转')
				let url = '/pages/PlayHistory/Detail'
				if (data.luozuoImg) {
					url = '/pages/DeclareHistory/detail'
				}
				uni.navigateTo({
					url: `${url}?item=${JSON.stringify(data)}`
				});

			},
			GoTo(url, type, id) {
				uni.navigateTo({
					url: `/pages/${url}?id=${id}&type=${type}`
				});
			},
			GoTos(url, id, name) {
				// uni.navigateTo({
				//     url: '/pages/DeclareHistory/index?name='+this.videoDate.name+""
				// });
				uni.navigateTo({
					url: `/pages/${url}?id=${id}&name=${name}`
				});
			},
			parseLoaded() {
				this.$refs.uReadMore.init();
			},
			// 获取记录
			baochanggetMvCinemaList() {
				this.$http({
					url: this.$api.baochanggetMvCinemaList,
					method: 'GET',
					hideLoading: true,
					data: {
						mvId: this.id,
						pageNum: 1,
						pageSize: 2,
						status: 6,
						filter: 1,
						isSynchronization: 0
					},
					success: res => {
						console.log('点映记录----------', res)


						this.bcList = res.data
						this.bcNum = res.ext
						if (this.bcNum > 2) {
							this.shenbaogetMvCinemaList(1)
						} else {
							this.shenbaogetMvCinemaList(2)
						}
					},
					complete: e => {
						uni.stopPullDownRefresh();
					}
				})
			},
			shenbaogetMvCinemaList(i) {
				console.log(1111)
				this.$http({
					url: this.$api.getOrderList,
					method: 'GET',
					hideLoading: true,
					data: {
						movieName: this.videoDate.name,
						pageNum: 1,
						pageSize: i,
						status: 1,
						payStatus: 1
					},
					success: res => {
						console.log('点映记录----------', res)
						this.sbNum = res.ext
						if (this.bcNum > 1 && this.sbNum > 0) {
							this.bcList.splice(1)
						}
						this.sbList = this.bcList.concat(res.data)

					},
					complete: e => {
						uni.stopPullDownRefresh();
					}
				})
			},
			follow() {
				if (this.isLike) {
					this.NoFollow()
				} else {
					this._follow()
				}

			},
			_follow() {
				this.$http({
					url: this.$api.followCreateObj,
					method: 'POST',
					hideLoading: true,
					data: {
						tid: this.id,
						type: 2,
						uid: this.userInfo.id,
					},
					success: res => {
						console.log('喜欢----------', res)
						uni.showToast({
							title: '已喜欢',
							duration: 2000,
							icon: 'none'
						});
						this.isLike = true
						this.videoDate.people = this.videoDate.people + 1
					},
					complete: e => {

					}
				})
			},
			// 取消喜欢
			NoFollow() {
				this.$http({
					url: this.$api.deleteMvFollow,
					method: 'GET',
					hideLoading: true,
					data: {
						xid: this.id,
						type: 2,
						uid: this.userInfo.id,
					},
					success: res => {
						console.log('不喜欢----------', res)
						uni.showToast({
							title: '已不喜欢',
							duration: 2000,
							icon: 'none'
						});
						this.isLike = false
						this.videoDate.people = this.videoDate.people - 1
					},
					complete: e => {

					}
				})
			},
			// 判断是否喜欢
			FollowStatus() {
				this.$http({
					url: this.$api.getMvFollowStatus,
					method: 'GET',
					hideLoading: true,
					data: {
						xid: this.id,
						uid: this.userInfo.id,
						type: 2
					},
					success: res => {
						console.log('是否喜欢----------', res)
						if (!res.data) {
							this.isLike = false

						} else {
							this.isLike = true

						}
					},
					complete: e => {

					}
				})
			},
			// 点击购票
			buy(id) {
				uni.navigateTo({
					url: `/pages/Selectcinema/index?id=${id}&go=buy`
				});
			},
			//页面跳转
			ToPage(url, data = '') {
				console.log('url---------', url)
				console.log('data---------', data)
				uni.setStorage({
					key: 'currMoive',
					data: this.videoDate,
					success: function() {
						console.log('当前电影存储成功');
					}
				});
				try {
					uni.removeStorageSync('cinemaId');
					uni.removeStorageSync('bxCinemaId');
					uni.removeStorageSync('bxHall');
					uni.removeStorageSync('hall');
				} catch (e) {
					// error
				}
				uni.navigateTo({
					url: `/pages/${url}/index?id=${data.id}`
				});
			},
			//分享
			share() {
				console.log('App点击分享-----------------', this.videoDate.icoImg)
				// #ifdef APP-PLUS
				uni.share({
					provider: 'weixin',
					scene: "WXSceneSession",
					type: 5,
					imageUrl: this.videoDate.icoImg,
					title: this.videoDate.name,
					miniProgram: {
						id: 'gh_55af37f30d9b',
						path: `/pages/CharteredDetail/index?id=${this.id}&userId=${this.userInfo.id}`,
						type: 0,
						webUrl: 'http://uniapp.dcloud.io'
					},
					success: ret => {
						console.log(JSON.stringify(ret));
					},
					fail: (err) => {
						console.log('分享失败--------------', err)
					}
				});
				// #endif
			},
			// 评论点赞
			ClickLike(e, index, isEva) {
				if (isEva == 1) {
					this.$http({
						url: this.$api.deleteMvFollow,
						method: 'GET',
						hideLoading: true,
						data: {
							xid: e,
							type: 3,
							uid: this.userInfo.id,
						},
						success: res => {
							this.recommend[index].parent.isEva = 2
							this.recommend[index].parent.likeNum = this.recommend[index].parent.likeNum - 1
							console.log('取消点赞----------', res)
							// uni.showToast({
							//     title: '已取消',
							//     duration: 2000,
							// 	icon:'none'
							// });

						},
						complete: e => {

						}
					})
				} else {
					this.$http({
						url: this.$api.followCreateObj,
						method: 'POST',
						hideLoading: true,
						data: {
							tid: e,
							type: 3,
							uid: this.userInfo.id,
						},
						success: res => {
							this.recommend[index].parent.likeNum = this.recommend[index].parent.likeNum + 1
							this.recommend[index].parent.isEva = 1
							console.log('已点赞----------', res)
							// uni.showToast({
							//     title: '已点赞',
							//     duration: 2000,
							// 	icon:'none'
							// });

						},
						complete: e => {

						}
					})
				}

			},
			// 获取专家推荐
			getMvAdminList() {
				this.$http({
					url: this.$api.getMvEvaluateList,
					method: 'GET',
					hideLoading: true,
					data: {
						mvId: this.id,
						pageNum: 1,
						pageSize: 1,
						type: 2,
						status: 2,
						uid: this.userInfo.id
					},
					success: res => {
						console.log('专家推荐----------', res)
						this.recommend = res.data
						this.recommendNum = res.ext
					},
					complete: e => {
						uni.stopPullDownRefresh();
					}
				})
			},
			// 获取评论列表
			getMvUserList() {
				this.$http({
					url: this.$api.getMvEvaluateList,
					method: 'GET',
					hideLoading: true,
					data: {
						mvId: this.id,
						pageNum: 3,
						pageSize: 1,
						type: 1,
						status: 2,
						uid: this.userInfo.id
					},
					success: res => {
						console.log('评论列表----------', res)
						this.commend = res.data
						this.commendNum = res.ext

					},
					complete: e => {
						uni.stopPullDownRefresh();
					}
				})
			},
			//获取详情
			getData() {
				this.$http({
					url: this.$api.getMovieDetail,
					method: 'GET',
					hideLoading: true,
					data: {
						id: this.id
					},
					success: res => {
						try {
							res.data.performers = JSON.parse(res.data.performers)
							res.data.movieInfoVo = JSON.parse(JSON.parse(res.data.movieInfo))
							res.data.img = res.data.img.split(',')
						} catch (e) {
							res.data.performers = []
						}
						this.videoDate = res.data
						this.baochanggetMvCinemaList()
						uni.setNavigationBarTitle({
							title: this.videoDate.name
						});
						this.$nextTick(() => {
							this.$refs.More.init();
						})
						console.log('详情----------', this.videoDate)
					},
					fail: err => {
						uni.setNavigationBarTitle({
							title: '详情'
						});
					},
					complete: e => {
						uni.stopPullDownRefresh();
					}
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.main {
		max-width: 100vw;
		overflow: hidden;

		.Gtitle {
			padding: 0 28rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 24rpx;

			.h1 {
				font-size: 32rpx;
				font-weight: 600;
				color: #000000;
				line-height: 44rpx;
				letter-spacing: 1rpx;
			}

			.more {
				background: url(../../static/icon/right.png)right center no-repeat;
				background-size: 12rpx 20rpx;
				font-size: 22rpx;
				font-weight: 600;
				color: #333333;
				line-height: 32rpx;
				padding-right: 20rpx;
			}
		}

		.header {
			position: relative;

			swiper {
				height: 460rpx;

				swiper-item {
					image {
						width: 100%;
					}
				}

				/deep/.uni-swiper-dots-horizontal {
					bottom: 60rpx;
				}
			}

			.poster {
				width: 100%;
				height: 460rpx;

				.pic {
					width: 100%;
					height: 100%;
				}

				.ico {
					width: 104rpx;
					height: 104rpx;
					position: absolute;
					left: calc(50% - 52rpx);
					top: calc(50% - 52rpx);
				}
			}

			.share {
				width: 40rpx;
				height: 40rpx;
				padding: 4rpx;
				background: rgba(141, 141, 141, 0.5);
				position: absolute;
				right: 22rpx;
				top: 18rpx;
				border-radius: 50%;
				z-index: 10000;

				image {
					width: 32rpx;
					height: 32rpx;
				}

				button {
					width: 32rpx;
					height: 32rpx;
					position: absolute;
					left: 0;
					top: 0;
					padding: 0;
					opacity: 0;
				}
			}

			video {
				width: 100%;
				height: 530rpx;

			}
		}

		.content {
			position: relative;
			padding: 28rpx 0 0 0;
			background: #FFFFFF;
			border-radius: 24rpx 24rpx 0rpx 0rpx;

			.introduction {
				padding: 0 26rpx 34rpx 26rpx;

				.now {
					padding: 8rpx 2rpx 12rpx 20rpx;
					background: #FFFBF1;
					border-radius: 24rpx;
					border: 2rpx solid #FEE0BF;
					display: inline-block;
					font-size: 0;

					text {
						margin-right: 18rpx;
						font-size: 20rpx;
						font-weight: 400;
						color: #FF9324;
						line-height: 28rpx;
					}
				}

				.center {
					display: flex;
					justify-content: space-between;

					.right {
						width: 200rpx;
						text-align: center;
						margin-top: 12rpx;

						.btn {
							width: 100%;
							height: 64rpx;
							background: #F5F6F7;
							border-radius: 32rpx;
							display: flex;
							align-items: center;
							justify-content: center;

							image {
								width: 30rpx;
								height: 26rpx;
								margin-right: 10rpx;
							}
						}

						text {
							font-size: 20rpx;
							font-weight: 400;
							color: #999999;
							line-height: 28rpx;
						}
					}

					.left {
						width: calc(100% - 220rpx);

						.title {
							font-size: 42rpx;
							font-weight: 600;
							color: #000000;
							line-height: 58rpx;
							letter-spacing: 1rpx;
							margin-top: 12rpx;
						}

						.rate {
							margin-bottom: 24rpx;

							text {
								font-size: 20rpx;
								font-weight: 600;
								color: #FF9120;
								line-height: 28rpx;
							}
						}

						.time,
						.tag {
							font-size: 22rpx;
							font-weight: 400;
							color: #999999;
							line-height: 32rpx;
						}
					}
				}

				.des {
					font-size: 24rpx;
					font-weight: 400;
					color: #333333;
					line-height: 36rpx;
					position: relative;

					text {
						color: #36AAF4;
						position: absolute;
						right: 0;
						bottom: 0;
						background-color: #FFFFFF;
					}
				}

				.more-line {
					word-break: break-all;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 3;
					overflow: hidden;
				}
			}

			.member {
				padding: 32rpx 0 0 28rpx;
				border-top: 16rpx solid #F5F5F5;

				.title {
					margin-bottom: 20rpx;
					font-size: 32rpx;
					font-weight: 600;
					color: #000000;
					line-height: 44rpx;
					letter-spacing: 1rpx;
				}

				.scroll {
					width: 100%;
					overflow: hidden;
					white-space: nowrap;

					.item {
						display: inline-block;
						width: 176rpx;
						margin-right: 12rpx;
						font-size: 0;
						text-align: center;

						image {
							width: 100%;
							height: 234rpx;
						}

						.name {

							margin-top: 24rpx;
							width: 100%;
							font-size: 28rpx;
							font-weight: 400;
							color: #000000;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}

						.role {
							font-size: 24rpx;
							font-weight: 400;
							color: #999999;
							line-height: 34rpx;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
					}
				}
			}

			.material {
				margin-top: 50rpx;

				.cont {
					margin: 0 28rpx;
					background: #F5F6F7;
					border-radius: 6rpx;
					padding: 22rpx 16rpx 28rpx 34rpx;
					display: flex;
					justify-content: space-between;
					align-items: center;

					.left {
						.h2 {
							font-size: 20rpx;
							font-weight: 400;
							color: #666666;
							line-height: 28rpx;
							margin-bottom: 12rpx;
						}

						.h1 {
							font-size: 24rpx;
							font-weight: 600;
							color: #222222;
							line-height: 34rpx;
						}
					}

					.right {
						width: 14rpx;
						height: 20rpx;
						background: url(../../static/icon/right.png)center center no-repeat;
						background-size: 100%;
					}
				}
			}

			.recommend {
				margin-top: 52rpx;
				padding: 0 28rpx;

				.Gtitle {
					padding: 0;
				}
			}

			.Gcont {
				.top {
					display: flex;
					align-items: center;
					margin-bottom: 22rpx;

					image {
						width: 96rpx;
						height: 96rpx;
						border-radius: 50%;
						margin-right: 16rpx;
					}

					.name {
						font-size: 28rpx;
						font-weight: 600;
						color: #000000;
						line-height: 40rpx;
						letter-spacing: 1rpx;
					}

					.name_des {
						font-size: 24rpx;
						font-weight: 400;
						color: #2A303C;
						line-height: 34rpx;
					}
				}

				.Gdes {
					position: relative;

					/deep/ u-icon {
						display: none;
					}

					/deep/ text {
						background-color: #FFFFFF;
						font-size: 24rpx;
						font-weight: 400;
						line-height: 36rpx;
						padding: 0 10rpx;
					}

					.des {
						font-size: 24rpx;
						font-weight: 400;
						color: #2A303C;
						line-height: 36rpx;
					}
				}

				.btm {
					display: flex;
					justify-content: space-between;
					margin-top: 18rpx;

					.time {
						font-size: 22rpx;
						font-weight: 400;
						color: #8F8F8F;
						line-height: 32rpx;
					}

					.btn {
						display: flex;
						justify-content: space-between;

						.item {
							background: url(../../static/icon/like.png)left center no-repeat;
							background-size: 30rpx 32rpx;
							padding-left: 32rpx;
							font-size: 22rpx;
							font-weight: 400;
							color: #8F8F8F;
							line-height: 32rpx;
							margin-left: 12rpx;
						}

						.item:nth-child(1).active {
							background: url(../../static/icon/likes.png)left center no-repeat;
							background-size: 30rpx 32rpx;
						}

						.item:nth-child(2) {
							background: url(../../static/icon/comment.png)left center no-repeat;
							background-size: 30rpx 32rpx;
							padding-left: 32rpx;
						}
					}
				}
			}

			.history {
				margin-top: 52rpx;

				.content {
					padding: 28rpx 28rpx 0 28rpx;

					.item {
						display: flex;
						align-items: center;
						flex-direction: row-reverse;
						justify-content: space-between;
						padding: 20rpx 28rpx 20rpx 16rpx;
						background: #F4F4F4;
						border-radius: 6rpx;
						margin-bottom: 14rpx;

						image {
							width: 154rpx;
							height: 166rpx;
						}

						.right {
							width: calc(100% - 186rpx);
							// width: 100% ;
							background: url(../../static/icon/right.png)right center no-repeat;
							background-size: 12rpx 20rpx;

							view {
								width: calc(100% - 20rpx);
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;
							}

							.title {
								font-size: 28rpx;
								font-weight: 600;
								color: #000000;
								line-height: 40rpx;
								letter-spacing: 1rpx;
								margin-bottom: 14rpx;
							}

							.des {
								font-size: 24rpx;
								font-weight: 400;
								color: #666666;
								line-height: 34rpx;
							}

							.time {
								font-size: 22rpx;
								font-weight: 400;
								color: #999999;
								line-height: 32rpx;
							}
						}
					}
				}
			}

			.movie_review {

				.content {
					padding: 28rpx 28rpx 0 28rpx;

					>.item {
						margin-bottom: 46rpx;

						.Gcont {
							.top {
								.name_des {
									background: url(../../static/icon/member.png)left center no-repeat;
									background-size: 28rpx 26rpx;
									padding-left: 36rpx;
								}
							}

							.imgs {
								display: flex;
								flex-wrap: wrap;
								margin-top: 24rpx;

								image {
									width: 218rpx;
									height: 218rpx;
									margin-right: 20rpx;
								}

								image:nth-child(3n) {
									margin-right: 0;
								}
							}
						}
					}
				}

				.More {
					font-size: 24rpx;
					font-weight: 400;
					color: #0091FF;
					line-height: 34rpx;
					text-align: center;

				}
			}

		}

		.stop {
			top: -24rpx;
		}

		.btm200 {
			height: 200rpx;
		}

		.btmNav {
			width: 100%;
			padding-top: 14rpx;
			background-color: #FFFFFF;
			box-shadow: 0rpx -2rpx 8rpx 0rpx #EEEEEE;
			position: fixed;
			left: 0;
			bottom: 0;
			display: flex;
			justify-content: center;

			/deep/ button {
				width: 694rpx;
				height: 80rpx;
				background: #EF3C37;
				border-color: #EF3C37;
				box-shadow: 0rpx 2rpx 6rpx 0rpx #F69C9A;
				font-size: 32rpx;
				font-weight: 400;
				color: #FFFFFF;
				letter-spacing: 1rpx;
				margin-bottom: 20rpx;
			}
		}

		/deep/.u-content {
			font-size: 24rpx;
			line-height: 36rpx;
		}

		/deep/.u-content__showmore-wrap {
			justify-content: flex-end !important;
			position: absolute;
			right: 0;
			bottom: 0rpx;
			padding-bottom: 0;
			height: 30rpx;
			padding-right: 0 !important;
			width: 86rpx;
			background-color: #ffffff;
		}

		/deep/.u-content__showmore-wrap__readmore-btn__icon {
			display: none;
		}
	}
</style>
